import React from 'react'
import PropTypes from 'prop-types'

const Link=({active, children, onClick})=>{
    if(active){
        return <span>{children}</span>
    }
    return (
        <a href=""
            onClick={e=>{e.preventDefault();onClick()}}
        >{children}</a>
    )
};
Link.propTypes = {
    active:PropTypes.bool.isRequired,
    children:PropTypes.node.isRequired,
    onClick:PropTypes.func.isRequired
}
export default Link;